<template>
  <div class="denglu">
        <div class="one">
            <div class="one-q">返回</div>
            <div class="one-w">登录</div>
            <div class="one-e"></div>
        </div>
        <div class="two">
          
            <div class="two-q"> 创新工场智慧平台</div>

        </div>
        <div class="three">
            
            <div class="three-q">
              
                <div class="three-w"></div>
                <input type="text" v-model="pasword ">
                <div>{{pasword  }}</div>
            </div>
            <div class="three-q">
             
                <div class="three-w"></div>
                <input type="text"  v-model=" pasword">
            </div>


        </div>
        <div class="four">
            <!-- <div four-q>立即注册</div> -->
            <!-- <div class="four-w"></div> -->
            <div class="four-e">立即注册 ｜ 忘记密码</div>
        </div>
        <div class="five">
            <div class="five-q">登录</div>
        </div>
    </div>
        
    
</template>

<script>
export default {
    name: "",
    /*1. Vue扩展 */
    extends: "", // extends和mixins都扩展逻辑，需要重点放前面
    mixins: [],
    components: {},
    /* 2. Vue数据 */
    props: {},
    model: { prop: "", event: "" }, // model 会使用到 props
    data() {
        return {
            pasword :123456,
        };
    },
    computed: {},
    watch: {}, // watch 监控的是 props 和 data，有必要时监控computed
    /* 3. Vue资源 */
    filters: {},
    directives: {},
    /* 4. Vue生命周期 */
    created() { },
    mounted() { },
    destroy() { },
    /* 5. Vue方法 */
    methods: {}
};
</script>


<style scoped lang="scss">
 .denglu {
            border: 1px solid red;
     
            width: 100%;
            .one {
            border: 1px solid red;
            height: 264px;
            display: flex;
            justify-content: space-between;
         
        }

        .one-q {

            font-size: 48px;
            font-family: Alibaba PuHuiTi;
            font-weight: 400;
            color: #181818;
            border: 1px solid red;
            width: 120px;
            height: 60px;
            margin-top: 89px;
   

        
         


        }

        .one-w {
            border: 1px solid red;
            font-size: 48px;
            font-family: Alibaba PuHuiTi;
            font-weight: 400;
            color: #181818;
            width: 120px;
            height: 60px;
            margin-top: 89px;
         


        }

        .one-e {
            width: 100px;
            height: 44px;

        }

        .two {
            border: 1px solid red;
            margin-top: 198px;
            display: flex;
            flex-direction: column;
            align-items: center;

        }

        .two img {
            width: 148px;
            height: 148px;
        }

        .two-q {

            font-size: 69px;
            font-family: Alibaba PuHuiTi;
            font-weight: 500;
            color: #357AE1;
            margin-top: 28px;
        }

        .three {
            border: 1px solid red;
            margin: 94px 10px 0 10px;
        }

        .three-q {
            border: 1px solid red;
            height: 123px;
            background: #F2F2F6;
            border-radius: 6px;
            display: flex;
            align-items: center;
            margin-top: 69px;
        }

        .three-r {
            margin-top: 0;
        }

        .three-q img {
            height: 46px;
            width: 46px;
            margin-left: 39px;

        }

        .three-w {
            border: 2px solid #CDCED3;
            height: 54px;
            margin-left: 39px;

        }

        .three-e {
            font-size: 39px;
            font-family: Alibaba PuHuiTi;
            font-weight: 400;
            color: #A4A7AC;
            margin-left: 26px;
        }

        .four {

            margin: 68px 105px 0 105px;
            display: flex;



        }

        .four-e {
            font-size: 38px;
           border: 1px solid red;
           font-family: Alibaba PuHuiTi;
            font-weight: 400;
            color: #4B4D4F;
            margin-left: auto;

        }

        .five {
            border: 1px solid red;
            height: 118px;
            background: #357AE1;
            border-radius: 5px;
            margin: 81px 105px 0 105px;
            text-align: center;

        }

        .five-q {
            border: 1px solid red;
            font-size: 46px;
            font-family: Alibaba PuHuiTi;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 118px;
        }   
        }

        
</style>